<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var name='段总';
        let zwl={
            name:'曾总'
        }
        let xz={
            name:'项总',
            getname:function(){
                console.log(this.name,'--------');
            }
        }
        //this 是一个关键词 运行时，动态创建出来
        // 1. xz.getname(); 被运行是，运行方式是被对象的方法被调用 -- --this指向对象
        // 2. 函数作为事件响应函数的形式被调用，this 指向事件对象 

        xz.getname(); //this 被动态决定

        // fn 代码题 和getname是一样的，但是运行方式不一样
        // fn普通函数运行，值，this 指向全局
        const fn=xz.getname;
        console.log(fn);//this 丢失
        fn();
        const fn2=fn.bind(zwl);
        // this可以 被手动指定 
        console.log(fn2);
        fn2();
    </script>
</body>
</html>